<template>
  <span class="noneditable" :class="{'variable-class':(item.contentType.includes('variable_string') || item.contentType.includes('variable_hide_string')) && !item.contentType.includes('variable_hide_string_symbol') && !item.contentType.includes('variable_string_algo')}"  contenteditable="false" :data-id="item.dataId?item.dataId:dataId" 
  :data-type="item.contentType" :data-variable-id="variableId">{{
    item.fullContent
  }}</span>
</template>
<script>
import { v4 as uuid } from 'uuid'
export default {
  props: {
    item: {
      type: Object,
      default: () => ({})
      // 
    }
  },
  data(){
    return{
      dataId:uuid(),
      variableId:null
    }
  },
  mounted(){
    console.log("------------common-span------------------")
    if(this.item.bizExtra){
      const bizObj = JSON.parse(this.item.bizExtra);
      this.variableId = bizObj.variableId;
    }
  }
}
</script>
